<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>setter和getter</title>
  <script src="../static/vue.js"></script>
</head>
<body>
  <div id="app">
    {{fullName}}

  </div>

<script>
  var vm =new Vue({
    el:'#app',
    data:{
      firstName:'firstName',
      lastName:'lastName'
    },
    computed:{
      fullName:{
        get:function () {
          return this.firstName+" "+this.lastName;
        },
        set:function (value) {
          var arr=value.split("");
          this.firstName=arr[0];
          this.lastName=arr[1];
          console.log(value);
        }
      }
    }
  })
</script>
</body>
</html>
